<template>
	<div>
		<div>
			<el-row>
				<el-col :span="12">
					<div class="grid-content bg-purple">
						<el-progress type="circle" :percentage="mathe" :width="widthss"></el-progress>
						<div Style="color: skyblue">员工出勤率</div>
					</div>
				</el-col>
				<el-col :span="12">
					<div class="grid-content bg-purple">
						<el-progress type="circle" :percentage="mathe1" :width="widthss"></el-progress>
						<div Style="color: skyblue">员工出忙碌比例</div>
					</div>
				</el-col>
			</el-row>
		</div>
		<!-- 	<el-progress type="circle" :percentage="100"></el-progress>
	<el-progress type="circle" :percentage="100" status="success"></el-progress>
	<el-progress type="circle" :percentage="70" status="warning"></el-progress>
	<el-progress type="circle" :percentage="50" status="exception"></el-progress> -->
		<div>
			<!-- <infoImg></infoImg> -->
		</div>
	</div>
</template>

<script>
	// import infoImg from '@/components/fold_line/info_img.vue'
	export default {
		props: {
			mathe:0,
			mathe1:0				
		},
		data() {
			return {
				per1_1: 20,
				widthss: 388
			}
		},
		methods: {
			format(percentage) {
				// return percentage === 100 ? '口' : `${percentage}%`;
			}
		},
		components: {
			// infoImg
		}
	}
</script>

<style>
	.progress {
		line-height: 2.5;
	}
</style>
